<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
    $(function(){
    	$.ajax({
    		url:"userService/sayHello",
    		data:{
    			string:"hahaha"
    		},
    		success:function(data){
    			alert(data);
    		}
    	
    	});
    });
    
    function change (obj) {
        if (!obj.files.length) return;
        if (obj.files.length > 1) {
            alert("只允许上传一张图片!");
            return;
        }

        var file = obj.files[0];

        var reader = new FileReader();
        reader.onload = function () {
            var result = this.result;    //data:base64    
            $.post('/web/townshipcollection/add', {'picFileStr': result,'pic':'sss.jpg'}, function(result) {
            });
            
            
        };
        reader.readAsDataURL(file);
    }
</script>



</head>
<body>
<input class="select" type="file" accept="image/*" onchange="change(this)">
</body>
</html>